<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--<link rel="stylesheet" type="text/css" href="css/nidex.css"/>-->
	</head>
	<body>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
				list-style-type:none;
			}
			.top{
				width: 983px;
				height: 136px;
				margin: 0 auto;
				
			}
			.no_box{
				width: 983px;
				height: 96px;
			}
			.box_imgone{
				display: inline-block;
				margin-right: 30px;
			}
			.box_imgotwo{
				display: inline-block;
				
			}
			.box_imgotwo img{
				margin-bottom: 30px;
			}
			.sem p{
				display: inline-block;
				width: 80px;
				text-align: center;
				border-right: 1px  solid  black;
			}
			.sem a{
				color: black;
			}
			.sem_box{
				width: 983px;
				height: 41px;
				background-color: #f0f1f3;
				text-align: center;
			
				
			}
			.sem_box p{
				display: inline-block;
				text-align: center;
				border-right:1px solid black ;
				margin-top: 10px;
			}
			.sem_box a{
				text-decoration: none;
				color: black;
				padding-right: 18px;
				padding-left: 10px;
			}
			.left{
				float: left;
				width: 229px;
				height: 960px;
				border: 2px solid #dddddd;
			
			}
			
			.Centralsection{
				width: 983px;
				height: 960px;
				margin: 0 auto;
			}
			.left_box{
				font-size: 12px;
				line-height: 20px;
				
			}
			.left h2{
				margin-top: 10px;
				margin-bottom: 10px;
				text-align: center;
				color: #bbbbbb;
			}
			.left img{
				margin-left: 16px;
			}
			
			.package{
				width: 658px;
				margin: 0 auto;
			}
			.right{
				width:  748px;
				height: 960px;
				float: right;
				border: 1px  solid   #DDDDDD;
			}
			.right-1{
				width: 206px;
				height: 741px;
				padding-left: 19px;
				display: inline-block;
			}
			.right-1 h4{
				padding-top: 26px;
				padding-bottom: 22px;
			}
			
			.right-1 ul li{
				line-height: 32px;
				font-size: 12px;
			}
			body p:last-child{
				border-right:none ;
			}
			.right-2-1{
				width: 518px;
				height: 741px;
				display: inline-block;
				float: right;
			}
			
			.right-2-2{
				width: 516px;
				height: 194px;
				display: inline-block;
				margin-top: 77px;
			}
			.right-2-2 ul li{
				padding-bottom:9px ;
			}
			.right-2-2 ul li  p{
				display: inline-block;
				font-size: 12px;
			}
			.right-2-2 ul li  input{
				display: inline-block;
			}
			.right-2-3{
				width: 516px;
				height: 317px;
				margin-top: 115px;
			}
			.right-2-3 ul li p {
				display: inline-block;
				font-size: 12px;
			}
			.right-2-3 ul li input  {
				display: inline-block;
			}
			.right-2-3 ul li{
				padding-top:8px ;
			}
			.right-2-3-1{
				margin-top: 40px;
			}
			.right-3{
				width: 747px;
				height: 259px;
			}
			.right-3-1{
				width: 747px;
				height: 79px;
				font-size: 12px;
				padding-left: 19px;
				line-height: 30px;
			}
			.right-3-2{
				width: 747px;
				height: 151px;
				padding-left: 19px;
			}
			.right-3-2 ul li p{
				display: inline-block;
				font-size: 12px;
			}
			.right-3-2 ul li input{
				display: inline-block;
			}
			.right-3-2 ul li{
				padding-left: 57px;
				margin-top: 3px;
			}
			.bottom{
				width: 100%;
				height: 223px;
				border: 3px solid  #DDDDDD;
			}
			.bottom-1{
				width: 983px;
				height: 223px;
				margin: 0 auto;
			}
			.bottom-1-1{
				width: 100%;
				height: 40px;
				padding-top: 10px;
				text-align: center;
				border-bottom: 1px  solid #e7ebee;
			}
			.bottom-1-1 p{
				display: inline-block;
				border-right: 1px solid  black;
				
			}
			.bottom-1-1 a{
				text-decoration: none;
				color: black;
				padding-right: 7px;
			}
			.bottom-1-2{
				width: 575px;
				height: 102px;
				margin: 0 auto;
				text-align: center;
			}
			.bottom-1-2 img{
				padding-right:15px ;
			}
			.bottom-1-3{
				width: 575px;
				height: 27px;
				margin: 0 auto;
				text-align: center;
			}
			.bottom-2{
				width: 100%;
				border-top:1px solid #DDDDDD ;
			}
			.bottom-2-1{
				width: 983px;
				padding-top: 12px;
			}
			.bottom-2-1 p{
				display: inline-block;
				border-right: 1px solid black;
				
			}
			.bottom-2-1 a{
				color: black;
				text-decoration: none;
				padding-right: 10px;
			}
			
		</style>
		<div>
		<div class="top">	
<div class="no_box">
				<div class="box_imgone">
					<img src="img/logo.png"/>
				</div>
				<div class="box_imgotwo">
					<img src="img/your eyes in china.png"/>
					
					<div class="sem">
						<p><a href="">Espa&ntilde;ol</a></p>
						<p><a href="">German</a></p>
						<p><a href="">ltaliano</a></p>
						<p><a href="">Francais</a></p>
						<p><a href="">Portuqu&ecirc;s</a></p>
						<p><a href="">ploski</a></p>
						<p><a href="">Pycck&Nu;&Ntilde;</a></p>
						<p><a href="">日本の言语</a></p>
					</div>
				</div>
				<div class="sem_box">
					<p ><a href="">Home</a></p>
					
						<p><a href="">Our Services</a></p>
						
						<p><a href="">Quality Control</a></p>
						
						<p><a href="">Supplier Evaluation</a></p>
						
						<p><a href="">Laboratory Testing</a></p>
						
						<p><a href="">About Us</a></p>
						
						<p><a href="">Careers</a></p>
						
						<p><a href="">News</a></p>
				</div>
		</div>
		
		</div>
		<div class="Centralsection">
			<div class="left">
			<h2>Careers</h2>
			<p>
				<img src="img/left_1.png"/>
				Career Opportunities
			</p>
			<p style="background-color: #eeeeee;">
				<img src="img/left_1.png"/>
				Applications
			</p>
			<h2>Contact Us</h2>
			<hr />
			<div class="left_box">
			<p>
				<img src="img/tel.png"/>
				+86-20-89268309
			</p>
			<p>
				<img src="img/fax.png"/>
				+86-20-89268309
			</p>
			<p>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				+86-20-89268309
			</p>
			<p>
				<img src="img/mail.png"/>
				CS@CantonFairlnspection.com
			</p>
			<p>
				<img src="img/com.png"/>
				www.CantonFairQC.com
			</p>
			<p>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				www.CantonFairQC.com
			</p>
				</div>
		</div>
		<div class="right ">
			<form action="" method="post">
			<div class="right-1">
				<h4>Personal Details</h4>
				<ul>
					<li>Do you apply for an lnspector Job?</li>
					<li>Last Name *</li>
					<li>Sex *</li>
					<li>Personal e-mail address *</li>
					<li>Address *</li>
					<li>County of Residence</li>
					<li>City *</li>
				</ul>
				<h4>Professional References</h4>
				<ul>
					<li>Reference 1</li>
					<li>Company Name</li>
					<li>Address</li>
					<li>City</li>
					<li>Country/Region</li>
					<li>Company activity</li>
					<li>Reference 2</li>
					<li>Company Name</li>
					<li>Address</li>
					<li>City</li>
					<li>Country/Region</li>
					<li>Company ativity</li>
				</ul>
			</div>
			<div class="right-2-1">
				<div class="right-2-2">
					<ul>
						<li>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="radio" name="exe" value="0" />Yes
							<input type="radio" name="exe"  value="1"  checked/>No
						</li>
						<li>
							<input type="text" name="" value="" />
							&nbsp;&nbsp;&nbsp;&nbsp;
							<p>First Name *</p>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="text" name="" value="" />
						</li>
						<li>
							<select name="area">
				<option value="" disabled>male</option>
				<option value="0">male</option>
				<option value="1">male</option>
				<option value="2">male</option>
				<option value="3">male</option>
				<option value="4">male</option>
			</select>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<p>Telephone *</p>
						</li>
						<li>
							<input type="text" name="" value="" />
							&nbsp;&nbsp;&nbsp;&nbsp;
							<p>Mobile phone *</p>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="text" name="" value="" />
						</li>
						<li>
							<input type="text" name="" value=""  style="width: 485px;"/>
						</li>
						<li>
							<input type="text" name="" value=""  style="width: 485px;"/>
						</li>
						<li>
							<input type="text" name="" value=""  style="width: 485px;"/>
						</li>
					</ul>
				</div>
				<div class="right-2-3">
					<ul>
						<li>
							<input type="text" name="" value="" />
							&nbsp;&nbsp;&nbsp;&nbsp;
							<p>Contact Name</p>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="text" name="" value="" />
						</li>
						<li>
							<input type="text" name="" value="" />
							&nbsp;&nbsp;&nbsp;&nbsp;
							<p>E-mail</p>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							&nbsp;&nbsp;
							<input type="text" name="" value="" />
						</li>
						<li>
							<input type="text" name="" value="" />
							&nbsp;&nbsp;&nbsp;&nbsp;
							<p>Mobile phone</p>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="text" name="" value="" />
						</li>
						<li>
							<input type="text" name="" value="" />
							&nbsp;&nbsp;&nbsp;&nbsp;
							<p>Telephone</p>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="text" name="" value="" />
						</li>
						<li>
							<input type="text" name="" value="" />
							&nbsp;&nbsp;&nbsp;&nbsp;
							<p>Fax</p>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="text" name="" value="" />
						</li>
					</ul>
					<ul class="right-2-3-1">
						<li>
							<input type="text" name="" value="" />
							&nbsp;&nbsp;&nbsp;&nbsp;
							<p>Contact Name</p>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="text" name="" value="" />
						</li>
						<li>
							<input type="text" name="" value="" />
							&nbsp;&nbsp;&nbsp;&nbsp;
							<p>E-mail</p>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							&nbsp;&nbsp;
							<input type="text" name="" value="" />
						</li>
						<li>
							<input type="text" name="" value="" />
							&nbsp;&nbsp;&nbsp;&nbsp;
							<p>Mobile phone</p>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="text" name="" value="" />
						</li>
						<li>
							<input type="text" name="" value="" />
							&nbsp;&nbsp;&nbsp;&nbsp;
							<p>Telephone</p>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="text" name="" value="" />
						</li>
						<li>
							<input type="text" name="" value="" />
							&nbsp;&nbsp;&nbsp;&nbsp;
							<p>Fax</p>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="text" name="" value="" />
						</li>
					</ul>
				</div>
			</div>
		<div class="right-3">
			<div class="right-3-1">
				<p>lnput here additional comments that you think can better support your application</p>
				<textarea name="" rows="3" cols="80" ></textarea>
			</div>
			<div class="right-3-2">
				<ul>
					
						<h5>Please attached here useful files</h5>
					
					<li>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<p>Picture</p>
						<input type="text" name=""  value="" />
						<input type="file" name="avatar"  value="" />
					</li>
					<li>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;
						<p>CV *</p>
						<input type="text" name=""  value="" />
						<input type="file" name="avatar"  value="" />
					</li>
					<li>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;&nbsp;
						<p>Passport Scan</p>
						<input type="text" name=""  value="" />
						<input type="file" name="avatar"  value="" />
					</li>
					<li>
						<p>Please enter the security code</p>
						<input type="text" name=""  value=""  style="width: 50px;"/>
						<img src="img/code.png"/>
						<input type="reset" value="Confirm" />
			            <input type="submit" value="Cancel" />
					</li>
				</ul>
				</form>
			</div>
		</div>
		</div>
		
		</div>
		<div class="bottom">
			<div class="bottom-1">
				<div class="bottom-1-1">
						<p><a href="">Site Map</a></p>
						<p><a href="">Career</a></p>
						<p><a href="">News</a></p>
						<p><a href="">FAQ</a></p>
						<p><a href="">China Tool Kit</a></p>
						<p><a href="">Partners and links</a></p>
						<p><a href="">Add to Favorites</a></p>
						<p><a href="">Contacts Us</a></p>
					</div>
				<div class="bottom-1-2">
				<img src="img/AAA.png"/>
				<img src="img/ISO9001.png"/>
			</div>
			<div class="bottom-1-3">
				<p>Copyright&copy;1983-2012 All rights reserved 粤LCP备06035096号</p>
			</div>
			<div class="bottom-2">
				<div class="bottom-2-1">
					<p><a href="">Lab Test</a></p>
						<p><a href="">Quality Control</a></p>
						<p><a href="">REACH</a></p>
						<p><a href="">RoHS</a></p>
						<p><a href="">CPSIA</a></p>
						<p><a href="">Factory Audit</a></p>
						<p><a href="">EMC</a></p>
						<p><a href="">SVHC</a></p>
						<p><a href="">EN71</a></p>
						<p><a href="">Oeko-Tex 100</a></p>
						<p><a href="">Supplier Evaluation</a></p>
				</div>
			</div>
			</div>
		</div>
		</div>
	    </body>
</html>
